﻿@{
    Layout = null;
}

<!DOCTYPE html>
<script src="~/js/jquery.min.js"></script>
<script src="~/js/bootstrap.min.js"></script>
<link href="~/Css/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="~/js/bootstrap.min.css" rel="stylesheet" />
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/adminStyle.css" rel="stylesheet" type="text/css" />

    <title>人力资源管理系统</title>
 
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        a:link, a:visited {
            text-decoration: none;
        }


        body {
            margin: 0;
            font-family: 微软雅黑;
            background-image: url(images/.jpg);
            background-repeat: no-repea;
            background-size: cover;
            background-attachment: fixed;
            background-color: #DDDDDD;
        }

        .top1 {
            position: absolute;
            top: 0px;
            width: 100%;
            height: 20px;
            text-align: center;
            color: #FFFFFF;
            font-size: 17px;
            font-height: 20px;
            font-family: 楷体;
            background-color: #4898fb;
        }

        .title {
            float: left;
            margin: -32px 20px;
            font-size: 40px;
            color: #FFFFFF;
            font-height: 55px;
            font-family: 隶书;
        }

        .top2 {
            position: absolute;
            top: 20px;
            width: 100%;
            height: 78px;
            text-align: center;
            color: #ccffff;
            background-color: #4898fb;
        }
        .left {
            position: absolute;
            left: 0px;
            top: 97px;
            width: 200px;
            height: 85%;
            border-right: 1px solid #9370DB;
            color: #000000;
            font-size: 20px;
            text-align: center;
            background-color: #B3B3B3;
        }
        .right {
            position: absolute;
            left: 200px;
            top: 97px;
            width: 85.2%;
            height: 85%;
            border-top: 0px solid #484860;
            font-size: 14px;
            text-align: center;
        }
        .div1 {
            text-align: center;
            width: 200px;
            padding-top: 10px;
        }
        .div2 {
            width: 200px;
            height: 550px;
            margin-top: 10px;
        }
        dl,dt,dd{display:block;margin:0;}
a{text-decoration:none;}

.leftsidebar_box{width:200px;height:auto ;overflow:visible !important;position:fixed;background-color:#3992d0;}
.line{height:2px;width:100%;}
.leftsidebar_box dt{padding-left:10px;padding-right:10px;background-repeat:no-repeat;background-position:10px center;color:#f5f5f5;font-size:20px;position:relative;line-height:48px;cursor:pointer;}
.leftsidebar_box dd{background-color:#317eb4;padding-left:60px;text-align:left}
.leftsidebar_box dd a{color:#f5f5f5;line-height:20px;font-size:14px;}
.leftsidebar_box dl dd:last-child{padding-bottom:10px;}
   
    </style>
  
    @*显示权限*@
    <script>

        function show()
        {
        
            $.ajax({
                url: "/Home/showquan",
                type: "Post",
                data:{userid:4},
                success: function (obj) {
                    
                    $("#jsdiv").append(obj);
                    $(".leftsidebar_box dt").css({ "background-color": "#3992d0" });
                    $(function () {
                        $(".leftsidebar_box dd").hide();
                        $(".leftsidebar_box dt").click(function () {
                            $(".leftsidebar_box dt").css({ "background-color": "#3992d0" })
                            $(this).css({ "background-color": "#317eb4" });
                            $(this).parent().find('dd').removeClass("menu_chioce");
                            $(".menu_chioce").slideUp();
                            $(this).parent().find('dd').slideToggle();
                            $(this).parent().find('dd').addClass("menu_chioce");
                        });
                    })
                }
            })
        }
        function renYuanxinxi()
        {
            $.ajax({
                url: "/Home/renYuanxinxi",
                type: "post",
                success: function (obj) {

                    if (obj[0].RoleId == 1) {
                        $("#div11").show();
                        $("#renyuan").empty();
                        $("#renyuan").append("管理员：" + obj[0].userRealname + " </br><a href=\"/Home/Index\" style=\"color:#FFFFFF\"><span class=\"glyphicon glyphicon-off\"></span></a>");
                    }
                    else if (obj[0].RoleId == 2) {
                        $("#div11").show();
                        $("#renyuan").empty();
                        $("#renyuan").append("总经理：" + obj[0].userRealname + " </br><a href=\"/Home/Index\" style=\"color:#FFFFFF\"><span class=\"glyphicon glyphicon-off\"></span></a>");
                    }
                    else if (obj[0].RoleId == 3) {
                        $("#div11").show();
                        $("#renyuan").empty();
                        $("#renyuan").append("项目经理：" + obj[0].userRealname + " </br><a href=\"/Home/Index\" style=\"color:#FFFFFF\"><span class=\"glyphicon glyphicon-off\"></span></a>");
                    }
                    else if (obj[0].RoleId == 6) {
                        $("#div11").hide();
                        $("#renyuan").empty();
                        $("#renyuan").append("小组长：" + obj[0].userRealname + " </br><a href=\"/Home/Index\" style=\"color:#FFFFFF\"><span class=\"glyphicon glyphicon-off\"></span></a>");
                    }

                }
            })
        }
        renYuanxinxi();
        show();
    </script>

</head>
<body>
    <div class="top1">
        <marquee scrollamount=2 width=300>八组的爹们！现在是@(DateTime.Now):@if (DateTime.Now.Hour > 18 && DateTime.Now.Hour <= 6)
        {
            <span>已经很晚了注意休息哦</span>
        }
        @if (DateTime.Now.Hour > 6 && DateTime.Now.Hour <= 12)
        {
            <span>上午好，不要忘记吃早餐呦！</span>
        }
        @if (DateTime.Now.Hour > 12 && DateTime.Now.Hour < 18)
        {
            <span>下午好，喝杯咖啡提提神呦！</span>
        }
        @if (DateTime.Now.Hour > 18 && DateTime.Now.Hour < 23)
        {
            <span>晚上好，注意身体不要熬夜哦！</span>
        }</marquee>
        
    </div>
    <div class="top2">
        <div class="logo">

        </div>
        <div class="title">
            <h2 >人力资源管理系统</h2>
        </div>
        <div id="div11" style="width:20px;height:20px;float:right;background-color:red;border-radius:25px;margin-right:20px;margin-top:20px;">
            <a href="/XBK/JcIndex">  <span style="height:20px; line-height:20px; display:block; color:#FFFFFF; text-align:center"><span id="jc"></span></span></a>
        </div>
        <div  style="width:100px;height:60px;margin-right:1%;float:right">
            <p id="renyuan" target="mainCont" title="DeathGhost" style="height:60px;line-height:30px">
                
            </p>

        </div>
     
      </div>
    <div class="left">
        <div class="div1">
            <div class="left_top">


                <img src="~/images/bbb_01.jpg" />
                <img src="~/images/bbb_02.jpg" id="2" />
                <img src="~/images/bbb_03.jpg" />
                <img src="~/images/bbb_04.jpg" />
            </div>
            <div class="div2 leftsidebar_box" id="jsdiv">

            </div>


        </div>
    </div>

    <div class="right">
        @RenderBody()
    </div>
</body>
</html>
<script>
    jinagcheng();
    function jinagcheng()
    {
        $.ajax({
            url: "/XBK/jc",
            type: "get",
            success:function(obj)
            {
                $("#jc").html(obj);
            }
        })
    }
</script>
